body {
    min-width: 895px;
    background: #fff;
}

header {
    text-align: center;
    line-height: 25px;
    background: #fff;
    padding-bottom: 60px;
}

li {
    float: left;
}

nav ul {
    list-style: none;
    margin: 30px 0 40px 19%;
    display: inline-block;
}

nav ul li {
    padding: 0 5px;
    color: #666;
}

nav ul :first-child {
    width: 0;
    height: 0;
}

header img {
    width: 266px;
    height: 107px;
    margin-bottom: 20px;
}

.navFix {
    position: fixed;
    left: 0;
    top: 0;
    _position: absolute;
    top: expression((offsetParent.scrollTop)+0);
    z-index: 4;
    height: 80px;
    line-height: 80px;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
}

.navFix ul {
    margin-top: 0;
    margin-left: 19%;
}

.navFix ul>:first-child {
    width: 120px;
    margin-top: 5px;
    padding-right: 100px;
}

.navFix ul>:first-child img{
    width: 60px;
    height: 30px;
}

/*正文*/
#content {
    background: #fff;
    text-align: center;
    line-height: 20px;
    width: 100%;
}

.c-banner img {
    width: 100%;
    height: auto;

}

/*小熊系列*/
.bear-style .line, .classic-style .line, .sugar-style .line, .star-active .line{
    margin-top: 60px;
    border-bottom: solid 2px #666;
    width: 36px;
    display: inline-block;
    opacity: 0;
    transition:opacity 0s;
    cursor:pointer;
}

.bear-style:hover .line, .classic-style:hover .line, .sugar-style:hover .line, .star-active:hover .line,.bear-style li:hover div {
    opacity:1;
    transition-duration:0s;
}

.bear-style li {
    position: relative;
}

.bear-style li div {
    opacity: 0;
    transition:opacity 0s;
    cursor:pointer;
    width: 95%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left:2.5%;
}

.bear-style li p {
    text-align: center;
    width: 100%;
    color: #fff;
}

.c-title {
    font-size: 24px;
    margin: 10px auto;
}

.c-subTitle {
    padding-bottom: 80px;
    font-size: 18px;
    font-weight: 100;
    color: #666;
}

.c-title, .c-subTitle .star-topbanner {
    color: #333;
    font-family: 'webfont';
}

.bear-style, .classic-style, .sugar-style, .star-active {
    text-align: center;
    width: 100%
}

.list-ul {
    margin: 0 15%;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    width: 70%;
}

.list-ul li {
    padding: 0;
    width: 25%;
    margin:0;
}

.bear-style .list-ul img {
    width: 95%;
}

/*经典推荐*/
.classic-style .line {
    margin-top: 100px;
}

.classical-li-bg {
    background: rgb(249, 250, 251);
    text-align: center;
}

.classical-li-bg .list-ul .classic-showimg {
    width: 85%;
    margin: 70px 10px 0;
}

.line-star-img  {
    width: 85%;
}

.c-discuss {
    font-size: 8px;
    width: 85%;
    margin-left: 10px;
    text-align: center;
    margin-top: 40px;
}

.c-price {
    text-align: center;
    font-size: 10px;
}

.classic-style a, .sugar-style a {
    border: 1px solid #6f6f6f;
    border-radius: 2px;
    width: 30%;
    padding:1px 10%;
    font-size: 8px;
    font-weight: lighter;
    margin-top: 15px;
    margin-bottom: 40px;
    color: #666;
}

/*翻糖推荐*/
.sugar-style .line {
    margin-top: 60px;
}

.sugar-style .list-ul .classic-showimg {
    width: 85%;
    margin-top: 40px;
}

.sugar-firImg {
    width: 85%;
    margin-top: 40px;
}

/*明星活动*/
.star-topbanner {
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
    color: #5d5d5d;
}

.star-active .list-ul {
    width: 95%;
    text-align: left;
}

.star-active .line {
    margin-top: 90px;
}

.star-active .c-subTitle {
    margin-bottom: 30px;
}

.star-showImage {
    width: 95%;
    margin-right: 30px;
    margin-bottom: 20px;
}

.star-time, .star-title, .star-topbanner {
    width: 95%;
    line-height: 30px;
}

.star-time .star-tip {
    font-weight: 100;
}

.star-tip {
    width: 80%;
    color: #cbcbcb;
    text-align: left;
    line-height: 15px;
    margin-bottom: 100px;
    margin-top: 10px;
}

/*底部*/
footer {
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 50px;
}

.footer-backbg {
    width: 100%;
    height: 30px;
    background: #333;
}

footer ul {
    margin: 30px 30% 0 15%;
    list-style: none;
    display: inline-block;
}

footer li {
    padding: 0 2px;
    color: #333;
}

.footer-describe {
    clear: both;
    float: left;
    margin-left: 15%;
    margin-top: 30px;
    line-height: 30px;
}

footer img {
    width: 120px;
    margin-top: 10px;
    margin-right: 15%;
    float: right;
}